.dswd-home-first {
    position: relative;
    .oper-card {
        position: absolute;
        z-index: 1000;
        width: 100%;
        bottom: 115px;
        display: flex;
        .card-item {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            .card-bg {
                width: 58px;
                height: 58px;
                cursor: pointer;
                img {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                }
            }
            .card-name {
                margin-left: 6px;
                font-size: 20px;
                font-weight: 400;
                color: #fff;
                line-height: 28px;
                cursor: pointer;
            }
        }
    }
    .oper-button {
        position: absolute;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        bottom: 125px;
        z-index: 1000;
        .dswd-button {
            display: inline-block;
            cursor: pointer;
            width: 168px;
            height: 48px;
            text-align: center;
            background: #078FD8;
            border: 1px solid #078FD8;
            border-radius: 33px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
            line-height: 48px;
            &:hover {
                background: linear-gradient(270deg, #8fe5ff 0%, #078FD8 100%);
            }
        }
    }
    .dswd-home-first-carousel-item {
        width: 100%;
        height: 100%;
        position: relative;
        img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
        .item-content {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            width: 100%;
            .main-title {
                margin-top: 115px;
                font-size: 46px;
                font-weight: 600;
                color: #078FD8;
                line-height: 56px;
                letter-spacing: 1px;
                text-align: center;
            }
            .sub-title {
                margin-top: 32px;
                font-size: 16px;
                font-weight: 400;
                color: #078FD8;
                line-height: 28px;
                text-align: center;
            }
        }
    }
    .dswd-home-first-xiahua {
        margin-top: 54px;
        text-align: center;
        img {
            width: 10px;
            height: 32px;
            vertical-align: middle;
        }
    }
}

.dswd-p-home-first {
    .oper-card {
        width: 100%;
        display: flex;
        .card-item {
            flex: 1;
            text-align: center;
            .card-bg {
                width: 65px;
                height: 65px;
                margin: auto;
                cursor: pointer;
                img {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                }
            }
            .card-name {
                margin-top: 4px;
                font-size: 16px;
                font-weight: 400;
                color: #fff;
                line-height: 22px;
                cursor: pointer;
            }
        }
    }
    .oper-button {
        position: absolute;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        z-index: 1000;
        .dswd-button {
            display: inline-block;
            cursor: pointer;
            width: 168px;
            height: 48px;
            text-align: center;
            background: #078FD8;
            border: 1px solid #078FD8;
            border-radius: 33px;
            font-size: 14px;
            font-weight: 600;
            color: #FFFFFF;
            letter-spacing: 1px;
            line-height: 48px;
            &:hover {
                background: linear-gradient(270deg, #8fe5ff 0%, #078FD8 100%);
            }
        }
    }
    .dswd-home-first-carousel-item {
        height: 100%;
        img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
        .item-content {
            .main-title {
                margin-top: 30px;
                font-size: 30px;
                font-weight: 500;
                color: #222222;
                line-height: 40px;
                text-align: center;
            }
            .sub-title {
                margin-top: 24px;
                font-size: 14px;
                font-weight: 400;
                color: #666666;
                line-height: 24px;
                text-align: center;
            }
        }
    }
}

.dswd-m-home-first {
    .oper-card {
        width: 100%;
        display: flex;
        .card-item {
            flex: 1;
            text-align: center;
            .card-bg {
                width: 56px;
                height: 56px;
                margin: auto;
                cursor: pointer;
                img {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                }
            }
            .card-name {
                margin-top: 3px;
                font-size: 14px;
                font-weight: 400;
                color: #fff;
                line-height: 20px;
                cursor: pointer;
            }
        }
    }
    .oper-button {
        position: absolute;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        z-index: 1000;
        cursor: pointer;
        width: 168px;
        height: 48px;
        text-align: center;
        background: #078FD8;
        border: 1px solid #078FD8;
        border-radius: 33px;
        font-size: 14px;
        font-weight: 600;
        color: #FFFFFF;
        letter-spacing: 1px;
        line-height: 48px;
        &:hover {
            background: linear-gradient(270deg, #8fe5ff 0%, #078FD8 100%);
        }
    }
    .dswd-home-first-carousel-item {
        height: 100%;
        img {
            width: 100%;
            height: 100%;
            vertical-align: middle;
        }
        .item-content {
            .main-title {
                margin-top: 24px;
                font-size: 25px;
                font-weight: 500;
                color: #222222;
                line-height: 26px;
                text-align: center;
            }
            .sub-title {
                margin-top: 12px;
                font-size: 12px;
                font-weight: 400;
                color: #666666;
                line-height: 20px;
                text-align: center;
            }
        }
    }
}